import React from "react";
import { MainLayout } from "../components";

const Home = React.lazy(() => import("../views/home"));
const UploadAvator = React.lazy(() => import("../views/uploadAvator"));
const UploadAvator1 = React.lazy(() => import("../views/uploadAvator1"));
const Upload = React.lazy(() => import("../views/upload"));
const UploadOss = React.lazy(() => import("../views/uploadOss"));

export const routes = [
  {
    path: "/",
    element: (
      <MainLayout>
        <Home></Home>
      </MainLayout>
    ),
  },
  {
    path: "/upload/avator",
    element: (
      <MainLayout>
        <UploadAvator></UploadAvator>
      </MainLayout>
    ),
  },
  {
    path: "/upload/avator1",
    element: (
      <MainLayout>
        <UploadAvator1></UploadAvator1>
      </MainLayout>
    ),
  },
  {
    path: "/upload",
    element: (
      <MainLayout>
        <Upload></Upload>
      </MainLayout>
    ),
  },
  {
    path: "/upload/oss",
    element: (
      <MainLayout>
        <UploadOss></UploadOss>
      </MainLayout>
    ),
  },
];
